<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        /* 
        模板字符串：
          1.具有普通字符串的所有功能，加强版的字符串
          2.用反引号``定义
          3.定义多行字符串
          4.字符串加入变量和表达式
        */
        var str = '王者荣耀';

        //    1.``定义
        var game = `今晚吃鸡`;

        // 2.当成普通的字符串使用即可
        console.log(game + `,明天也吃鸡`);
        console.log(game.length);

        // 3.多行字符串（支持换行）
        var ul = `
    <ul>
        <li>李白</li>
        <li>马可</li>
        <li>貂蝉</li>
    </ul>
    `
        console.log(ul);

        // 4.可以直接使用变量
        let hero = '盲僧';
        console.log(`这把我选择了${hero}.`);

        // 5.表达式
        let age = 25;
        console.log(`今年我${age + 5}岁了`);

        // 支持函数
        function cook(menu) {
            if (menu == '烤鱼') {
                console.log(`老板，给我来一份${menu}`)
                return '烤鱼';
            } else if (menu == '土豆牛腩') {
                console.log(`老板，给我来一份${menu}`)
                return '土豆牛腩';
            } else if (menu == '麻辣香锅') {
                console.log(`老板，给我来一份${menu}`)
                return '麻辣香锅';
            } else {
                console.log(`老板，给我来一份${menu}`)
                return '水煮白菜';
            }

        }
         let menu = prompt('今晚上吃什么')
        console.log(`今天晚上吃${cook(menu)}`);
    </script>
</body>

</html>